<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <title>充值记录</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/main.js"></script>
</head>
<body>
<div class="wrapper">
    <p class="title">充值记录</p>
    <div class="content">
        <!--操作提示框开始-->
        <div class="explanation">
            <span class="explanation_icon"></span>
            <span>操作提示</span>
            <span class="fold" title="点击收起提示"></span>
            <ul>
                <li>该页面展示了充值信息</li>
                <li>该页面展示了充值信息</li>
            </ul>
        </div>
        <!--操作提示框结束-->
        <!--添加、刷新、搜索开始-->
        <div class="add_search clearfix">
            <div class="fl add">
                <a href="javascript:;" class="btn btn-warning btn-sm">返 回</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:;" class="btn btn-primary btn-sm">添加充值记录信息</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:;" class="btn btn-danger btn-sm batchDelete">批量删除</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-sm">
                    <span class="glyphicon glyphicon-refresh text-success" title="点击刷新"></span>
                </button>&nbsp;&nbsp;&nbsp;&nbsp;
                <span>刷新-共 <code>1</code> 条记录</span>
            </div>
            <div class="fr search">
                <div class="bs-example bs-example-form" role="form">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="产品信息">
                         <span class="input-group-btn">
                             <button class="btn btn-default" type="button">
                                 <span class="glyphicon glyphicon-search"></span>
                             </button>
                         </span>
                    </div>
                </div>
            </div>
        </div>
        <!--添加、刷新、搜索结束-->
        <!--表格开始-->
        <div class="table_content">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th><div><label><input type="checkbox"  name=""/></label></div></th>
                        <th><div><span>充值编号</span></div></th>
                        <th><div><span>用户视鱼号</span></div></th>
                        <th><div><span>充值金额</span></div></th>
                        <th><div><span>充值类型</span></div></th>
                        <th><div><span>充值时间</span></div></th>
                        <th><div><span>订单号</span></div></th>
                        <th><div><span>流水号</span></div></th>
                        <th><div><span>充值描述</span></div></th>
                        <th><div><span>到账时间</span></div></th>
                        <th><div><span>订单状态</span></div></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><div><label><input type="checkbox"  name=""/></label></div></td>
                        <td><div>137</div></td>
                        <td><div> <p>shiyu569</p> </div></td>
                        <td><div> <p class="text-danger">￥700</p> </div></td>
                        <td><div> <p>充值类型</p> </div></td>
                        <td><div> <p>2016-07-27</p> <p>13:12:53</p> </div></td>
                        <td><div> <p>233</p> </div></td>
                        <td><div> <p>189</p> </div></td>
                        <td><div> <p>充值描述</p> </div></td>
                        <td><div> <p>2016-07-27</p> <p>13:12:53</p> </div></td>
                        <td><div> <p class="text-danger">失败</p> </div></td>
                    </tr>
                    <tr>
                        <td><div><label><input type="checkbox"  name=""/></label></div></td>
                        <td><div>137</div></td>
                        <td><div> <p>shiyu569</p> </div></td>
                        <td><div> <p class="text-danger">￥700</p> </div></td>
                        <td><div> <p>充值类型</p> </div></td>
                        <td><div> <p>2016-07-27</p> <p>13:12:53</p> </div></td>
                        <td><div> <p>233</p> </div></td>
                        <td><div> <p>189</p> </div></td>
                        <td><div> <p>充值描述</p> </div></td>
                        <td><div> <p>2016-07-27</p> <p>13:12:53</p> </div></td>
                        <td><div> <p class="text-info">充值中</p> </div></td>
                    </tr>
                    <tr>
                        <td><div><label><input type="checkbox"  name=""/></label></div></td>
                        <td><div>137</div></td>
                        <td><div> <p>shiyu569</p> </div></td>
                        <td><div> <p class="text-danger">￥700</p> </div></td>
                        <td><div> <p>充值类型</p> </div></td>
                        <td><div> <p>2016-07-27</p> <p>13:12:53</p> </div></td>
                        <td><div> <p>233</p> </div></td>
                        <td><div> <p>189</p> </div></td>
                        <td><div> <p>充值描述</p> </div></td>
                        <td><div> <p>2016-07-27</p> <p>13:12:53</p> </div></td>
                        <td><div> <p class="text-success">成功</p> </div></td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="11" class="clearfix">
                            <div class="page_list fr">
                                <span>总计 <code>281</code> 条记录</span>&nbsp;&nbsp;
                                <span>分为 <code>19</code> 页</span>&nbsp;&nbsp;
                                <span>每页 <code>15</code> 条</span>&nbsp;&nbsp;
                                <a href="javascript:;" class="play-first"></a>&nbsp;&nbsp;
                                <a href="javascript:;" class="play-left"></a>&nbsp;&nbsp;
                                <select name="" id="">
                                    <option value="">30</option>
                                    <option value="">20</option>
                                    <option value="">15</option>
                                    <option value="">10</option>
                                    <option value="">5</option>
                                </select>&nbsp;&nbsp;
                                <a href="javascript:;" class="play-right"></a>&nbsp;&nbsp;
                                <a href="javascript:;" class="play-last"></a>
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <!--表格结束-->
    </div>
</div>
<!--批量删除提示框开始-->
<div class="shade1">
    <div class="popUp">
        <p>你确定删除所有选中列表吗？</p>
        <div class="">
            <button class="btn btn-sm btn-primary">确定</button>
            <button class="btn btn-sm btn-danger">取消</button>
        </div>
    </div>
</div>
<!--批量删除提示框结束-->
<!--单项删除提示框开始-->
<div class="shade2">
    <div class="popUp">
        <p>你确定删除该项列表吗？</p>
        <div class="">
            <button class="btn btn-sm btn-primary">确定</button>
            <button class="btn btn-sm btn-danger">取消</button>
        </div>
    </div>
</div>
<!--单项删除提示框结束-->
<!--页脚版权开始-->
<div class="footer">
    <p>云南极速电子商务有限公司版权所有</p>
</div>
<!--页脚版权结束-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>